<!--
 * @Author: your name
 * @Date: 2019-10-31 09:04:33
 * @LastEditTime: 2019-10-31 09:23:26
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /docker/dapps/app/view/store/quick.ejs
 -->
 <%- include('header'); %>
 <!-- Sidenav -->
 <%- include('sidebar'); %>
 <!-- Main content -->

 <!-- Content Wrapper. Contains page content -->
 <div class="content-wrapper">
   
   <section class="content-header">
     <!-- <div class="container-fluid">
       <div class="row mb-2">
         <div class="col-sm-6">
           <h1>ddd</h1>
         </div>
       </div>
     </div> -->
   </section>
   <div class="wrap">
     <div id="qb-bg" style="display: none;"></div>
     <form action="http://www.baidu.com/baidu" target="_blank">
         <input name=tn type=hidden value=baidu>
         <div class="search">
             <div class="qbsbox-container" data-btn="text" data-logo="top" style="width: 692px;" data-engine="baidu">
                 <div class="qbsbox-logo"></div>
                 <div class="qbsbox-main">
                     <div class="qbsbox-input-wrap"><input type="text" name=word class="qbsbox-input" data-log="search.13" id="irid_1"
                                                           placeholder="请输入要搜索的内容">
                     </div>
                     <input  class="qbsbox-search-btn" type="submit" value="百度一下" >
                 </div>
             </div>
         </div>
     </form>
     <div class="sites-drag" draggable="false"></div>
   </div>
   <!-- Main content -->

   <% if (app_list.length == 0) {%>
                     
     <!-- <h5 class="mb-2">没有数据，<a href="/html/v1/store/list">浏览应用商店</a></h5> -->
   <% } else { %>
     <div class="card-body pad table-responsive">
       <table class="table text-center">
         <% for (let i = 0; i < app_list.length; i++) {
           let oneLevel = app_list[i];
         %>
           <tr>
               <% for (let j = 0; j < oneLevel.length; j++) {
                 let one = oneLevel[j];
               %>
                 <td style="border-top: 0px;" width="12.5%" >
                   <% if (one.appid != '') {%>
                     <a href="<%= one.open_url %>" target="_blank">
                         <button type="button" class="btn btn-block btn-outline-secondary" style="border-color:#f4f6f9"><%= one.app_name %></button>
                     </a>
                   <% } %>
                 </td>
               <% } %>
           </tr>
         <% } %>
       </table>
     </div>                   
   <% } %>

   <section class="content">
     <div class="container-fluid">

       <div class="col-md-9" style="max-width: 100%;">
         <div class="card">
           <div class="card-header p-2">
             <ul class="nav nav-pills">
               <li class="nav-item"><a class="nav-link active" href="#dev" data-toggle="tab">开发者</a></li>
               <li class="nav-item"><a class="nav-link" href="#tools" data-toggle="tab">在线工具</a></li>
               <li class="nav-item"><a class="nav-link" href="#language" data-toggle="tab">编程语言</a></li>
               <li class="nav-item"><a class="nav-link" href="#fun" data-toggle="tab">综合娱乐</a></li>
               <li class="nav-item"><a class="nav-link" href="#resource" data-toggle="tab">资源下载</a></li>
               <li class="nav-item"><a class="nav-link" href="#pm" data-toggle="tab">产品运营</a></li>
             </ul>
           </div><!-- /.card-header -->
           <div class="card-body">
             <div class="tab-content">
               <div class="active tab-pane" id="dev">
                   <h5 class="card-title">常用</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">

                       <tr>
                           <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.google.com.hk/" target="_blank"><button type="button" class="btn btn-block btn-default">Google</button></a>
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.baidu.com" target="_blank"><button type="button" class="btn btn-block btn-default">百度</button></a>
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://github.com/" target="_blank"><button type="button" class="btn btn-block btn-default">github</button></a>
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://mail.qq.com" target="_blank"><button type="button" class="btn btn-block btn-default">qq邮箱</button></a>
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://mail.google.com" target="_blank"><button type="button" class="btn btn-block btn-default">谷歌邮箱</button></a>
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://github.com/justjavac/free-programming-books-zh_CN" target="_blank"><button type="button" class="btn btn-block btn-default">书籍索引</button></a>
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://guge8.978789.xyz/" target="_blank"><button type="button" class="btn btn-block btn-default">谷歌镜像</button></a>
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.bandwagonhost.net/" target="_blank"><button type="button" class="btn btn-block btn-default">搬瓦工vps</button></a>
                           </td>
                       </tr>
                       
         

                     </table>             
                   </div>
                   
                   <h5 class="card-title">技术社区</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">

                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.csdn.net/" target="_blank"><button type="button" class="btn btn-block btn-default">CSDN</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.oschina.net/" target="_blank"><button type="button" class="btn btn-block btn-default">开源中国</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://segmentfault.com/" target="_blank"><button type="button" class="btn btn-block btn-default">segmentfault</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://juejin.im/" target="_blank"><button type="button" class="btn btn-block btn-default">掘金</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.cnblogs.com/" target="_blank"><button type="button" class="btn btn-block btn-default">博客园</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.infoq.cn/" target="_blank"><button type="button" class="btn btn-block btn-default">infoQ</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.v2ex.com/" target="_blank"><button type="button" class="btn btn-block btn-default">v2ex</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.51cto.com/" target="_blank"><button type="button" class="btn btn-block btn-default">51CTO</button></a>
                             </td>
                           </tr>
                           <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.ituring.com.cn/" target="_blank"><button type="button" class="btn btn-block btn-default">图灵社区</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://stackoverflow.com/" target="_blank"><button type="button" class="btn btn-block btn-default">stackoverflow</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://gitee.com/explore" target="_blank"><button type="button" class="btn btn-block btn-default">码云</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.proginn.com/" target="_blank"><button type="button" class="btn btn-block btn-default">程序员客栈</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://leetcode-cn.com/explore/" target="_blank"><button type="button" class="btn btn-block btn-default">leetcode</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.nowcoder.com/" target="_blank"><button type="button" class="btn btn-block btn-default">牛客</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.cxyquan.com/" target="_blank"><button type="button" class="btn btn-block btn-default">程序猿圈</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.tuicool.com/" target="_blank"><button type="button" class="btn btn-block btn-default">推酷</button></a>
                             </td>
                           </tr>                        
                           <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://yuedu.baidu.com/customer/mybook?fr=head_nav" target="_blank"><button type="button" class="btn btn-block btn-default">百度阅读</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.ctolib.com/" target="_blank"><button type="button" class="btn btn-block btn-default">ctolib库</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.jb51.net/" target="_blank"><button type="button" class="btn btn-block btn-default">脚本之家</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://learnku.com/" target="_blank"><button type="button" class="btn btn-block btn-default">learnku</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.docker.com/" target="_blank"><button type="button" class="btn btn-block btn-default">docker官网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://hub.docker.com/" target="_blank"><button type="button" class="btn btn-block btn-default">dockerHub</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://cnodejs.org/" target="_blank"><button type="button" class="btn btn-block btn-default">  cnode社区</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
   
                             </td>
                           </tr>
                           <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://blog.kaka996.com/" target="_blank"><button type="button" class="btn btn-block btn-default">卡卡博客</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://doc.kaka996.com/" target="_blank"><button type="button" class="btn btn-block btn-default">卡卡图书馆</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://bbs.kaka996.com/" target="_blank"><button type="button" class="btn btn-block btn-default">卡卡社区</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
 
                             </td>
                           </tr>

                     </table>

                 
                   </div>

                   <h5 class="card-title">github</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">

                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://news.caibaojian.com/" target="_blank"><button type="button" class="btn btn-block btn-default">github趋势</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://github.com/kon9chunkit/GitHub-Chinese-Top-Charts" target="_blank"><button type="button" class="btn btn-block btn-default">项目排行榜</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://github.com/leereilly/games" target="_blank"><button type="button" class="btn btn-block btn-default">游戏项目</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://github.com/duiying/php-notes" target="_blank"><button type="button" class="btn btn-block btn-default">PHP知识点</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://github.com/ripienaar/free-for-dev#major-cloud-providers" target="_blank"><button type="button" class="btn btn-block btn-default">开发者免费服务</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://github.com/sdmg15/Best-websites-a-programmer-should-visit" target="_blank"><button type="button" class="btn btn-block btn-default">编程网站</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://github.com/fupengfei058/blog" target="_blank"><button type="button" class="btn btn-block btn-default">PHP知识点2</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://github.com/sindresorhus/awesome-nodejs" target="_blank"><button type="button" class="btn btn-block btn-default">nodejs常用库</button></a>
                             </td>
                         </tr>

                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://github.com/frank-lam/fullstack-tutorial" target="_blank"><button type="button" class="btn btn-block btn-default">全栈开发</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://github.com/CyC2018/CS-Notes" target="_blank"><button type="button" class="btn btn-block btn-default">CS-Notes</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://github.com/ziadoz/awesome-php" target="_blank"><button type="button" class="btn btn-block btn-default">awesome-php</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                         </tr>      

                     </table>

                 
                   </div>

                   <h5 class="card-title">团的协作</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">

                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.teambition.com" target="_blank"><button type="button" class="btn btn-block btn-default">teambition</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://tower.im/" target="_blank"><button type="button" class="btn btn-block btn-default">Tower</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://worktile.com/" target="_blank"><button type="button" class="btn btn-block btn-default">worktile</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://shimo.im/" target="_blank"><button type="button" class="btn btn-block btn-default">石墨文档</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://slack.com/" target="_blank"><button type="button" class="btn btn-block btn-default">slack</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.dingtalk.com/" target="_blank"><button type="button" class="btn btn-block btn-default">钉钉</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.atteam.cn" target="_blank"><button type="button" class="btn btn-block btn-default">Team</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://bearychat.com/" target="_blank"><button type="button" class="btn btn-block btn-default">倍洽</button></a>
                             </td>
                           </tr>

                     </table>

                 
                   </div>

                   <h5 class="card-title">云服务</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">

                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://home.console.aliyun.com" target="_blank"><button type="button" class="btn btn-block btn-default">阿里云</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://console.cloud.tencent.com/" target="_blank"><button type="button" class="btn btn-block btn-default">腾讯云</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://console.bce.baidu.com" target="_blank"><button type="button" class="btn btn-block btn-default">百度云</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://dev.tencent.com" target="_blank"><button type="button" class="btn btn-block btn-default">腾讯开发者平台</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://pan.baidu.com" target="_blank"><button type="button" class="btn btn-block btn-default">百度网盘</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.weiyun.com" target="_blank"><button type="button" class="btn btn-block btn-default">微云</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://115.com/" target="_blank"><button type="button" class="btn btn-block btn-default">115网盘</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://portal.qiniu.com" target="_blank"><button type="button" class="btn btn-block btn-default">七牛云</button></a>
                             </td>
                           </tr>
   
                           <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.upyun.com/" target="_blank"><button type="button" class="btn btn-block btn-default">up云</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                           </tr>      

                     </table>

                 
                   </div>

                   <h5 class="card-title">教程</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">

                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.runoob.com/" target="_blank"><button type="button" class="btn btn-block btn-default">菜鸟教程</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.yiibai.com/" target="_blank"><button type="button" class="btn btn-block btn-default">易百教程</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://0532.gitbooks.io/progit/content/ff1ccf57e98c817df1efcd9fe44a8aeb/c3c2acea22ea3f6a535ba0d2c45980bb.html" target="_blank"><button type="button" class="btn btn-block btn-default">git基础</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.redis.net.cn/order/" target="_blank"><button type="button" class="btn btn-block btn-default">redis手册</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.liaoxuefeng.com/" target="_blank"><button type="button" class="btn btn-block btn-default">廖雪峰</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://tengine.taobao.org/book/" target="_blank"><button type="button" class="btn btn-block btn-default">nginx</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://docs.pythontab.com/" target="_blank"><button type="button" class="btn btn-block btn-default">Python手册</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.lodashjs.com/docs/4.17.5.html" target="_blank"><button type="button" class="btn btn-block btn-default">lodash</button></a>
                             </td>
                           </tr>
     
                           <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://ssdb.io/docs/zh_cn/index.html" target="_blank"><button type="button" class="btn btn-block btn-default">ssdb</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.nginx.cn/" target="_blank"><button type="button" class="btn btn-block btn-default">nginx</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.linuxprobe.com/" target="_blank"><button type="button" class="btn btn-block btn-default">linux就该这么学</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://docker_practice.gitee.io/zh-cn/" target="_blank"><button type="button" class="btn btn-block btn-default">docker教程</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                           </tr>      

                     </table>

                 
                   </div>

                   <h5 class="card-title">第三方服务</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">

                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.it120.cc/" target="_blank"><button type="button" class="btn btn-block btn-default">API工厂</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://vzhuan.cn/" target="_blank"><button type="button" class="btn btn-block btn-default">微赚网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.fastadmin.net/" target="_blank"><button type="button" class="btn btn-block btn-default">fastadmin</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.henkuai.com/forum.php" target="_blank"><button type="button" class="btn btn-block btn-default">很快小程序</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.bt.cn/" target="_blank"><button type="button" class="btn btn-block btn-default">宝塔面板</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://payjs.cn/" target="_blank"><button type="button" class="btn btn-block btn-default">payjs</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                           </tr>      

                     </table>

                 
                   </div>

                   <h5 class="card-title">招聘</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">

                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.zhipin.com" target="_blank"><button type="button" class="btn btn-block btn-default">boos直聘</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.lagou.com/" target="_blank"><button type="button" class="btn btn-block btn-default">拉勾</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://cn.100offer.com/home/" target="_blank"><button type="button" class="btn btn-block btn-default">100offer</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.liepin.com" target="_blank"><button type="button" class="btn btn-block btn-default">猎聘</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                           </tr>      

                     </table>

                 
                   </div>

                   <h5 class="card-title">其他</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">

                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://ruby-china.org/sites" target="_blank"><button type="button" class="btn btn-block btn-default">酷站</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.egouz.com/" target="_blank"><button type="button" class="btn btn-block btn-default">国外网址导航</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                <a href="http://hzxh.zjzwfw.gov.cn/" target="_blank"><button type="button" class="btn btn-block btn-default">浙江政务网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://dh.woshipm.com/#section-1" target="_blank"><button type="button" class="btn btn-block btn-default">产品经理导航</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                <a href="http://www.lyhero.com/" target="_blank"><button type="button" class="btn btn-block btn-default">洛阳人才网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.zzrc.cn/" target="_blank"><button type="button" class="btn btn-block btn-default">郑州人才网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                           </tr>      

                     </table>
                
                   </div>
               </div>
               <!-- /.tab-pane -->
               <div class="tab-pane" id="tools">
                   <h5 class="card-title">在线工具</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://tool.lu/" target="_blank"><button type="button" class="btn btn-block btn-default">综合工具</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.sojson.com/" target="_blank"><button type="button" class="btn btn-block btn-default">json解析</button></a>
                             </td>
 
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://tool.chinaz.com/Tools/unixtime.aspx" target="_blank"><button type="button" class="btn btn-block btn-default">时间转换</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.zxjsq.net/" target="_blank"><button type="button" class="btn btn-block btn-default">科学计算器</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://cli.im/text" target="_blank"><button type="button" class="btn btn-block btn-default">草料二维码</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://tinypng.com/" target="_blank"><button type="button" class="btn btn-block btn-default">tinypng</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://de.savefrom.net/" target="_blank"><button type="button" class="btn btn-block btn-default">视频下载</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.processon.com/" target="_blank"><button type="button" class="btn btn-block btn-default">processon作图</button></a>
                             </td>
                       </tr>
                       <tr>
                           <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.file.io/" target="_blank"><button type="button" class="btn btn-block btn-default">隐私文件存储</button></a>
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
 
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
 
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
 
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
 
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
 
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
 
                           </td>
                           <td style="border-top: 0px;" width="12.5%" >
 
                           </td>
                       </tr>    

                     </table>
                
                   </div>
                   
                   <h5 class="card-title">免费图床</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://sm.ms/" target="_blank"><button type="button" class="btn btn-block btn-default">sm.sm</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.picb.cc" target="_blank"><button type="button" class="btn btn-block btn-default">picb</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.niupic.com" target="_blank"><button type="button" class="btn btn-block btn-default">牛图网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                             </td>
                           </tr>    

                     </table>
                
                   </div>

                   <h5 class="card-title">图片处理</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.bgconverter.com/" target="_blank"><button type="button" class="btn btn-block btn-default">证件照换底色</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://imagecyborg.com/" target="_blank"><button type="button" class="btn btn-block btn-default">图片打包下载</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >

                             </td>
                             <td style="border-top: 0px;" width="12.5%" >

                             </td>
                             <td style="border-top: 0px;" width="12.5%" >

                             </td>
                             <td style="border-top: 0px;" width="12.5%" >

                             </td>
                             <td style="border-top: 0px;" width="12.5%" >

                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                             </td>
                         </tr>  

                     </table>
                
                   </div>

               </div>
               <!-- /.tab-pane -->
                   
               <div class="tab-pane" id="language">
                   <h5 class="card-title">前端</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://cn.vuejs.org/" target="_blank"><button type="button" class="btn btn-block btn-default">Vue.js</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://v1.vuepress.vuejs.org/zh/guide/" target="_blank"><button type="button" class="btn btn-block btn-default">VuePress</button></a>  
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://panjiachen.github.io/vue-element-admin-site/zh/guide/" target="_blank"><button type="button" class="btn btn-block btn-default">vue-admin</button></a>  
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://i5ting.github.io/How-to-learn-node-correctly/#1" target="_blank"><button type="button" class="btn btn-block btn-default">狼叔</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.npmjs.com/" target="_blank"><button type="button" class="btn btn-block btn-default">npm官网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.tslang.cn/docs/handbook/basic-types.html" target="_blank"><button type="button" class="btn btn-block btn-default">typeScript</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://es6.ruanyifeng.com/" target="_blank"><button type="button" class="btn btn-block btn-default">es6教程</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://yuchengkai.cn/docs/frontend/" target="_blank"><button type="button" class="btn btn-block btn-default">js试题</button></a>
                             </td>
                           </tr>
     
                           <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://v8.dev/" target="_blank"><button type="button" class="btn btn-block btn-default">v8引擎</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.fly63.com/article" target="_blank"><button type="button" class="btn btn-block btn-default">fly63</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://nervjs.github.io/taro/docs/spec-for-taro.html" target="_blank"><button type="button" class="btn btn-block btn-default">taro</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://midwayjs.org/pandora/zh-cn/quickstart.html" target="_blank"><button type="button" class="btn btn-block btn-default">pandora监控</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://koajs.com" target="_blank"><button type="button" class="btn btn-block btn-default">koajs</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://yapi.ymfe.org/" target="_blank"><button type="button" class="btn btn-block btn-default">Yapi</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://websocketd.com/" target="_blank"><button type="button" class="btn btn-block btn-default">websocketd</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.jq22.com/" target="_blank"><button type="button" class="btn btn-block btn-default">jQuery插件库</button></a>
                             </td>
                           </tr>
                           <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://npm.taobao.org/" target="_blank"><button type="button" class="btn btn-block btn-default">淘宝npm</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.ruanyifeng.com/blog/" target="_blank"><button type="button" class="btn btn-block btn-default">阮一峰</button></a>  
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://react.docschina.org/" target="_blank"><button type="button" class="btn btn-block btn-default">react文档</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.react-china.org/" target="_blank"><button type="button" class="btn btn-block btn-default">react社区</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://reactnative.cn/" target="_blank"><button type="button" class="btn btn-block btn-default">react native</button></a>
                             </td>
                               <td style="border-top: 0px;" width="12.5%" >
                                   <a href="https://angular.cn/" target="_blank"><button type="button" class="btn btn-block btn-default">angular中文</button></a>
                               </td>
                               <td style="border-top: 0px;" width="12.5%" >
                                   <a href="https://angularjs.org/" target="_blank"><button type="button" class="btn btn-block btn-default">angular官网</button></a>
                               </td>
                               <td style="border-top: 0px;" width="12.5%" >
                                   <a href="https://angular-ui.github.io/" target="_blank"><button type="button" class="btn btn-block btn-default">angular ui</button></a>
                               </td>
                           </tr>                               
                     </table>                 
                   </div>

                   <h5 class="card-title">nodejs</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://nodejs.org/en/" target="_blank"><button type="button" class="btn btn-block btn-default">  nodejs官网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://nodejs.cn/api/" target="_blank"><button type="button" class="btn btn-block btn-default">  nodejs中文</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://cnodejs.org/" target="_blank"><button type="button" class="btn btn-block btn-default">  cnode社区</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://github.com/ali-sdk/ali-rds" target="_blank"><button type="button" class="btn btn-block btn-default">  ali-rds</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://eggjs.org/zh-cn/tutorials/index.html" target="_blank"><button type="button" class="btn btn-block btn-default">  egg.js</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                <a href="https://www.npmjs.com/" target="_blank">
                                    <button type="button" class="btn btn-block btn-default">  npm官网</button>
                                </a >
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                <a href="http://www.expressjs.com.cn/" target="_blank">
                                    <button type="button" class="btn btn-block btn-default">  expressjs官网</button>
                                </a >
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                  <a href="https://www.koajs.com.cn/" target="_blank">
                                    <button type="button" class="btn btn-block btn-default">  koa.js官网</button>
                                  </a >
                             </td>

                           </tr>    

                     </table>                 
                   </div>

                   <h5 class="card-title">运维</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.ttlsa.com/" target="_blank"><button type="button" class="btn btn-block btn-default">  运维生存时间</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.yunweipai.com/" target="_blank"><button type="button" class="btn btn-block btn-default">运维派</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://zhangge.net" target="_blank"><button type="button" class="btn btn-block btn-default">张戈博客</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://linuxeye.com/" target="_blank"><button type="button" class="btn btn-block btn-default">Linux运维笔记</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://opsx.alibaba.com/mirror" target="_blank"><button type="button" class="btn btn-block btn-default">阿里镜像</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://pm2.io/doc/en/runtime/overview/" target="_blank"><button type="button" class="btn btn-block btn-default">pm2</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://oneinstack.com/" target="_blank"><button type="button" class="btn btn-block btn-default">oneinstack</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://blog.devopszen.com/archive" target="_blank"><button type="button" class="btn btn-block btn-default">技术和架构</button></a>
                             </td>
                           </tr>
                           <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://linuxtools-rst.readthedocs.io/zh_CN/latest/base/index.html" target="_blank"><button type="button" class="btn btn-block btn-default">Linux基础</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="ftp://ftp.gnu.org/" target="_blank"><button type="button" class="btn btn-block btn-default">gnu</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://mirrors.edge.kernel.org/pub/linux/kernel/" target="_blank"><button type="button" class="btn btn-block btn-default">linux内核</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
     
                             </td>
                           </tr>    

                     </table>                 
                   </div>

                   <h5 class="card-title">区块链</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://solidity-cn.readthedocs.io/zh/develop/index.html" target="_blank"><button type="button" class="btn btn-block btn-default">  solidity</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://remix.ethereum.org" target="_blank"><button type="button" class="btn btn-block btn-default">remix ethereum</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://cw.hubwiz.com/card/c/web3.js-1.0/" target="_blank"><button type="button" class="btn btn-block btn-default">web3.js手册</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                           </tr>    

                     </table>                 
                   </div>

                   <h5 class="card-title">PHP</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://pecl.php.net/" target="_blank"><button type="button" class="btn btn-block btn-default">php pecl</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.phpcomposer.com/" target="_blank"><button type="button" class="btn btn-block btn-default">composer安装</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://windows.php.net/" target="_blank"><button type="button" class="btn btn-block btn-default">php windows</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://learnku.com/laravel" target="_blank"><button type="button" class="btn btn-block btn-default">laravel社区</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.swoole.com/" target="_blank"><button type="button" class="btn btn-block btn-default">swoole</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://laravel-china.github.io/php-the-right-way/" target="_blank"><button type="button" class="btn btn-block btn-default">PHP之道</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://rango.swoole.com/" target="_blank"><button type="button" class="btn btn-block btn-default">韩天峰</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.php.cn/" target="_blank"><button type="button" class="btn btn-block btn-default">PHP中文网</button></a>
                             </td>
                           </tr>
                           <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.laruence.com/" target="_blank"><button type="button" class="btn btn-block btn-default">风雪之隅	</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://packagist.org/explore/" target="_blank"><button type="button" class="btn btn-block btn-default">php包管理</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://mengkang.net/" target="_blank"><button type="button" class="btn btn-block btn-default">周梦康</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://github.com/CraryPrimitiveMan/awesome-php-zh_CN" target="_blank"><button type="button" class="btn btn-block btn-default">PHP书籍</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.phppan.com/" target="_blank"><button type="button" class="btn btn-block btn-default">胖胖博客</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               
                             </td>
                           </tr>    

                     </table>                 
                   </div>

                   <h5 class="card-title">Java</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://docs.oracle.com/javase/7/docs/api/" target="_blank"><button type="button" class="btn btn-block btn-default">java api</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.open-open.com/" target="_blank"><button type="button" class="btn btn-block btn-default">深度开源</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.open-open.com/" target="_blank"><button type="button" class="btn btn-block btn-default">深度开源</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://outofmemory.cn/code-snippet/index.html" target="_blank"><button type="button" class="btn btn-block btn-default">outofmemory</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.iteye.com/" target="_blank"><button type="button" class="btn btn-block btn-default">iteye</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://ifeve.com/" target="_blank"><button type="button" class="btn btn-block btn-default">并发编程</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://spring.io/" target="_blank"><button type="button" class="btn btn-block btn-default">spring</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                           </tr>      

                     </table>                 
                   </div>

                   <h5 class="card-title">Go</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://gobyexample.com/" target="_blank"><button type="button" class="btn btn-block btn-default">gobyexample</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://golang.org/doc/effective_go.html" target="_blank"><button type="button" class="btn btn-block btn-default">Effective Go</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://studygolang.com/" target="_blank"><button type="button" class="btn btn-block btn-default">Golang 中国</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://gfw.go101.org/article/101.html" target="_blank"><button type="button" class="btn btn-block btn-default">Go语言101</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                           </tr>      

                     </table>                 
                   </div>

                   <h5 class="card-title">Python</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.python.org/" target="_blank"><button type="button" class="btn btn-block btn-default">python官网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://pypi.org/" target="_blank"><button type="button" class="btn btn-block btn-default">python第三方库</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.liaoxuefeng.com/wiki/1016959663602400" target="_blank"><button type="button" class="btn btn-block btn-default">廖雪峰</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.runoob.com/python3/python3-tutorial.html" target="_blank"><button type="button" class="btn btn-block btn-default">菜鸟教程</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                           </tr>      

                     </table>                 
                   </div>

                   <h5 class="card-title">C#</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://docs.microsoft.com/zh-cn/dotnet/csharp/tutorials/intro-to-csharp/" target="_blank"><button type="button" class="btn btn-block btn-default">C#官方</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                           </tr>      

                     </table>                 
                   </div>

                   <h5 class="card-title">C/C++</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://c.biancheng.net/" target="_blank"><button type="button" class="btn btn-block btn-default">c语言中文网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.dotcpp.com/" target="_blank"><button type="button" class="btn btn-block btn-default">c语言网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.cjjjs.com/" target="_blank"><button type="button" class="btn btn-block btn-default">c++技术</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                           </tr>      

                     </table>                 
                   </div>

                   <h5 class="card-title">Swift</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.swift.com/" target="_blank"><button type="button" class="btn btn-block btn-default">swift官网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.swift51.com/" target="_blank"><button type="button" class="btn btn-block btn-default">swift编程</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.swiftv.cn/" target="_blank"><button type="button" class="btn btn-block btn-default">swift课堂</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                           </tr>      

                     </table>                 
                   </div>

                   <h5 class="card-title">Ruby</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.ruby-lang.org/zh_cn/" target="_blank"><button type="button" class="btn btn-block btn-default">ruby官网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://ruby-china.org/" target="_blank"><button type="button" class="btn btn-block btn-default">ruby china</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://rubygems.org/" target="_blank"><button type="button" class="btn btn-block btn-default">rubygems</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                           </tr>      

                     </table>                 
                   </div>

                   <h5 class="card-title">Kotlin</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://kotlinlang.org/" target="_blank"><button type="button" class="btn btn-block btn-default">Kotlin官网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.kotlincn.net/" target="_blank"><button type="button" class="btn btn-block btn-default">Kotlin中文网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.androidchina.net/tag/kotlin" target="_blank"><button type="button" class="btn btn-block btn-default">androidchina</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                           </tr>      

                     </table>                 
                   </div>

                   <h5 class="card-title">Object-c</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.runoob.com/w3cnote/objective-c-tutorial.html" target="_blank"><button type="button" class="btn btn-block btn-default">objective-c</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://developer.apple.com/library/archive/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html#//apple_ref/doc/uid/TP40011210" target="_blank"><button type="button" class="btn btn-block btn-default">文档</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                           </tr>      

                     </table>                 
                   </div>

                   <h5 class="card-title">Lua</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.lua.org/" target="_blank"><button type="button" class="btn btn-block btn-default">lua官网</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://cloudwu.github.io/lua53doc/manual.html" target="_blank"><button type="button" class="btn btn-block btn-default">lua手册</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >                               
                               <a href="https://blog.csdn.net/u013412772/article/details/78996849" target="_blank"><button type="button" class="btn btn-block btn-default">lua库参考</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                
                             </td>
                           </tr>      

                     </table>                 
                   </div>

                   <h5 class="card-title">Erlang</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://erldoc.com/" target="_blank"><button type="button" class="btn btn-block btn-default">erlang中文手册</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://erldoc.com/doc/otp-design-principles/" target="_blank"><button type="button" class="btn btn-block btn-default">erlang设计编程</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://erldoc.com/doc/Concurrent-Programming-in-Erlang/" target="_blank"><button type="button" class="btn btn-block btn-default">erlang并发编程</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://learnyousomeerlang.com/content" target="_blank"><button type="button" class="btn btn-block btn-default">erlang学习</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://blog.yufeng.info/" target="_blank"><button type="button" class="btn btn-block btn-default">技术非专业研究</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                           </tr>     

                     </table>                 
                   </div>

               </div>

               <div class="tab-pane" id="fun">
                   <h5 class="card-title">搜索</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.baidu.com" target="_blank"><button type="button" class="btn btn-block btn-default">百度</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.sobaidupan.com/" target="_blank"><button type="button" class="btn btn-block btn-default">搜白度盘</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.cilimao.website/" target="_blank"><button type="button" class="btn btn-block btn-default">磁力猫</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.xiaobaipan.com" target="_blank"><button type="button" class="btn btn-block btn-default">小白盘</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.soohub.com" target="_blank"><button type="button" class="btn btn-block btn-default">soohub</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.jiumodiary.com/" target="_blank"><button type="button" class="btn btn-block btn-default">鸠摩搜书</button></a>
                             </td>   
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.slimego.cn" target="_blank"><button type="button" class="btn btn-block btn-default">史莱姆</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.acgsou.com" target="_blank"><button type="button" class="btn btn-block btn-default">acg搜</button></a>
                             </td>            
                           </tr>    

                     </table>                 
                   </div>

                   <h5 class="card-title">影视</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://v.qq.com" target="_blank"><button type="button" class="btn btn-block btn-default">腾讯视频</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.iqiyi.com/" target="_blank"><button type="button" class="btn btn-block btn-default">爱奇艺</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://youku.com/" target="_blank"><button type="button" class="btn btn-block btn-default">优酷</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.zmz2019.com/" target="_blank"><button type="button" class="btn btn-block btn-default">人人视频</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.yuanfangmov.com/" target="_blank"><button type="button" class="btn btn-block btn-default">源芳影院</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.llduang.com/" target="_blank"><button type="button" class="btn btn-block btn-default">一只大榴莲</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.anzhuotan.com/" target="_blank"><button type="button" class="btn btn-block btn-default">追美剧</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.ygdy8.net/" target="_blank"><button type="button" class="btn btn-block btn-default">阳光电影</button></a>
                             </td>
                           </tr>
                           <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.dy2018.com/index.html" target="_blank"><button type="button" class="btn btn-block btn-default">电影天堂</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.80la.cc/" target="_blank"><button type="button" class="btn btn-block btn-default">80s电影</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.2tu.cc/" target="_blank"><button type="button" class="btn btn-block btn-default">迅播影视</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.ttmeiju.me/" target="_blank"><button type="button" class="btn btn-block btn-default">天天美剧</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.meijutt.com/" target="_blank"><button type="button" class="btn btn-block btn-default">美剧天堂</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
     
                             </td>
                           </tr>     

                     </table>                 
                   </div>

                   <h5 class="card-title">购物</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.taobao.com/" target="_blank"><button type="button" class="btn btn-block btn-default">淘宝</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.tmall.com/" target="_blank"><button type="button" class="btn btn-block btn-default">天猫</button></a>
                               </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.jd.com/" target="_blank"><button type="button" class="btn btn-block btn-default">京东</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://you.163.com/" target="_blank"><button type="button" class="btn btn-block btn-default">网易严选</button></a>
                               </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.suning.com/" target="_blank"><button type="button" class="btn btn-block btn-default">苏宁易购</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.juhuasuan.com/" target="_blank"><button type="button" class="btn btn-block btn-default">聚划算</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.mi.com/" target="_blank"><button type="button" class="btn btn-block btn-default">小米商城</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                             </td>                     
                           </tr>     

                     </table>                 
                   </div>

                   <h5 class="card-title">体育直播</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://www.zhibo8.cc/" target="_blank"><button type="button" class="btn btn-block btn-default">直播吧</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://sports.sina.com.cn/" target="_blank"><button type="button" class="btn btn-block btn-default">新浪体育</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://sports.163.com/" target="_blank"><button type="button" class="btn btn-block btn-default">网易体育</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="https://sports.qq.com/" target="_blank"><button type="button" class="btn btn-block btn-default">QQ体育</button></a>
                             </td>  
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.wuchajian.net/" target="_blank"><button type="button" class="btn btn-block btn-default">无插件直播</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.jrszhibo.net/" target="_blank"><button type="button" class="btn btn-block btn-default">jrs直播</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.4800.tv/" target="_blank"><button type="button" class="btn btn-block btn-default">4800TV</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               <a href="http://www.yczbb.tv/" target="_blank"><button type="button" class="btn btn-block btn-default">英超直播吧</button></a>
                             </td>                 
                           </tr>
                           <tr>
                               <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.hupu.com/" target="_blank"><button type="button" class="btn btn-block btn-default">虎扑</button></a>
                               </td>
                               <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://sports.sohu.com/" target="_blank"><button type="button" class="btn btn-block btn-default">搜狐体育</button></a>
                               </td>
                               <td style="border-top: 0px;" width="12.5%" >
                                   
                               </td>
                               <td style="border-top: 0px;" width="12.5%" >
                                   
                               </td>
                               <td style="border-top: 0px;" width="12.5%" >
                                   
                               </td>
                               <td style="border-top: 0px;" width="12.5%" >
                                   
                               </td>
                               <td style="border-top: 0px;" width="12.5%" >
                                   
                               </td>
                               <td style="border-top: 0px;" width="12.5%" >
                                                      
                               </td>                     
                             </tr>      

                     </table>                 
                   </div>
               </div>

               <div class="tab-pane" id="resource">
                   <h5 class="card-title">资源</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.kuaidaili.com/free/" target="_blank"><button type="button" class="btn btn-block btn-default">免费代理</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.zye.cc/" target="_blank"><button type="button" class="btn btn-block btn-default">资源E站</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.echartsjs.com/feature.html" target="_blank"><button type="button" class="btn btn-block btn-default">echartsjs</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://greasyfork.org/zh-CN/scripts" target="_blank"><button type="button" class="btn btn-block btn-default">油猴</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.xicidaili.com/" target="_blank"><button type="button" class="btn btn-block btn-default">西刺免费代理</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                             </td>
                           </tr>     

                     </table>                 
                   </div>

                   <h5 class="card-title">软件下载</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.waitsun.com/" target="_blank"><button type="button" class="btn btn-block btn-default">macOs软件破解版</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.zye.cc/" target="_blank"><button type="button" class="btn btn-block btn-default">资源E站</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.echartsjs.com/feature.html" target="_blank"><button type="button" class="btn btn-block btn-default">echartsjs</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://greasyfork.org/zh-CN/scripts" target="_blank"><button type="button" class="btn btn-block btn-default">油猴</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.zdfans.com/" target="_blank"><button type="button" class="btn btn-block btn-default">zd软件</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.52pojie.cn/forum.php" target="_blank"><button type="button" class="btn btn-block btn-default">吾爱破解</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://shadowsocks.org/en/download/clients.html" target="_blank"><button type="button" class="btn btn-block btn-default">shadowsocks</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://bbs.52jscn.com/" target="_blank"><button type="button" class="btn btn-block btn-default">锦尚软件</button></a>
                             </td>
                           </tr>
                           <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://molunerfinn.com/PicGo/" target="_blank"><button type="button" class="btn btn-block btn-default">picgo</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.iplaysoft.com/" target="_blank"><button type="button" class="btn btn-block btn-default">异次元软件世界</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.wmzhe.com/" target="_blank"><button type="button" class="btn btn-block btn-default">完美下载</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                               
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                             </td>
                           </tr>    

                     </table>                 
                   </div>

                   <h5 class="card-title">图片</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.soogif.com/" target="_blank"><button type="button" class="btn btn-block btn-default">git动图</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://www.file.io/" target="_blank"><button type="button" class="btn btn-block btn-default">临时文件存储</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="http://www.bee-ji.com/" target="_blank"><button type="button" class="btn btn-block btn-default">bee-ji动图</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                 <a href="https://imageshack.us/" target="_blank"><button type="button" class="btn btn-block btn-default">imageshack</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                <a href="https://giphy.com/" target="_blank"><button type="button" class="btn btn-block btn-default">giphy</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
   
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
   
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                             </td>
                           </tr>     

                     </table>                 
                   </div>
               </div>

               <div class="tab-pane" id="pm">
                   <h5 class="card-title">自媒体</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="https://mp.toutiao.com/login/?redirect_url=JTJG" target="_blank"><button type="button" class="btn btn-block btn-default">头条号</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="https://mp.weixin.qq.com/" target="_blank"><button type="button" class="btn btn-block btn-default">微信公众平台</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="https://mp.qq.com/vpage/login#" target="_blank"><button type="button" class="btn btn-block btn-default">QQ公众平台</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="https://baijiahao.baidu.com/builder/rc/home" target="_blank"><button type="button" class="btn btn-block btn-default">百家号</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="http://wxbbx.jh1z.com/" target="_blank"><button type="button" class="btn btn-block btn-default">微信百宝箱</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                             
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                             
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                             
                             </td>
                           </tr>    

                     </table>                 
                   </div>

                   <h5 class="card-title">站长工具</h5>
                   <div class="card-body pad table-responsive">
                     <table class="table text-center">
                         <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="http://tool.chinaz.com/" target="_blank"><button type="button" class="btn btn-block btn-default">站长工具</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="https://www.arkie.cn/welcome" target="_blank"><button type="button" class="btn btn-block btn-default">arkie作图</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="https://ziyuan.baidu.com/" target="_blank"><button type="button" class="btn btn-block btn-default">百度资源平台</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="https://tongji.baidu.com/web/welcome/login?castk=LTE%3D" target="_blank"><button type="button" class="btn btn-block btn-default">百度统计</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="https://open.tencent.com/" target="_blank"><button type="button" class="btn btn-block btn-default">腾讯开放平台</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="https://minapp.com/miniapp/" target="_blank"><button type="button" class="btn btn-block btn-default">知晓程序</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="http://zhanzhang.so.com/sitetool/site_manage" target="_blank"><button type="button" class="btn btn-block btn-default">360站长平台</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="https://www.admin5.com/" target="_blank"><button type="button" class="btn btn-block btn-default">A5站长</button></a>
                             </td>
                           </tr>

                           <tr>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="http://index.baidu.com/v2/index.html#/" target="_blank"><button type="button" class="btn btn-block btn-default">百度指数</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                     <a href="https://lusongsong.com/" target="_blank"><button type="button" class="btn btn-block btn-default">卢松松博客</button></a>
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >
                                     
                             </td>
                             <td style="border-top: 0px;" width="12.5%" >

                             </td>
                             <td style="border-top: 0px;" width="12.5%" >

                             </td>
                             <td style="border-top: 0px;" width="12.5%" >

                             </td>
                             <td style="border-top: 0px;" width="12.5%" >

                             </td>
                             <td style="border-top: 0px;" width="12.5%" >

                             </td>
                           </tr>       

                     </table>                 
                   </div>
               </div>
               <!-- /.tab-pane -->
             </div>
             <!-- /.tab-content -->
           </div><!-- /.card-body -->
         </div>
         <!-- /.nav-tabs-custom -->
       </div>

     </div>

   </section>
   <!-- /.content -->
 </div>
 <!-- /.content-wrapper -->

 <script>

 </script>
<%- include('bottom'); %>